<template>
  <router-view>
    <div class="app-body">
      <activity-item v-for="item in activityList" :key="item.id" :item="item"></activity-item>
    </div>
  </router-view>
</template>

<script>
import ActivityItem from '@/components/ShopActivityItem'

import face from '@/assets/img/tmp/face.jpg'

export default {
  data () {
    return {
      activityList: [
        { id: 1, face, name: '以茶会友交流会', address: '上海市浦东新区紫薇路', time: '2017.7.20 17:00' },
        { id: 2, face, name: '以茶会友交流会', address: '上海市浦东新区紫薇路', time: '2017.7.20 17:00' },
        { id: 3, face, name: '以茶会友交流会', address: '上海市浦东新区紫薇路', time: '2017.7.20 17:00' },
        { id: 4, face, name: '以茶会友交流会', address: '上海市浦东新区紫薇路', time: '2017.7.20 17:00' }
      ]
    }
  },
  components: {
    ActivityItem
  }
}
</script>

